---
title: "Accessibility Checker Rule Help: Rpt_Aria_ValidIdRef"
---
import "../../../styles/ToolHelp.scss"
import { CodeSnippet, Tag } from "carbon-components-react";

<div className="toolHelp">
<Row>
<Column colLg={16} colMd={8} colSm={4} className="toolHead">

### The `id` `"{0}"` specified for the WAI-ARIA property `{1}` value is not valid

<div id="locLevel"></div>

The WAI-ARIA property must reference a non-empty unique id of an existing element that is visible

</Column>
</Row>
<Row>
<Column colLg={11} colMd={5} colSm={4} className="toolMain">

### Why is this important?

Any element that uses a WAI-ARIA property must reference a valid `id` attribute. This enables assistive technologies to precisely identify the referenced element.

<div id="locSnippet"></div>

### What to do

 * Update the WAI-ARIA property value with the unique `id` value of a valid visible element.

For example:

<CodeSnippet type="multi" light={true}>&lt;form action="" method="post"&gt;
      &lt;label for="ln1"&gt;Last Name&lt;/label&gt;
      &lt;input type="text" name="lastname" id="ln1" value="enter last name" title="enter last name" aria-describedby="ln2"&gt;
&lt;/form&gt;
&lt;div id="ln2" role="tooltip"&gt;Last Name must be alpha only characters&lt;/div&gt;</CodeSnippet>

</Column>
<Column colLg={5} colMd={3} colSm={4} className="toolLeft">

### About this requirement

[IBM 1.3.1 Info and Relationships](https://www.ibm.com/able/requirements/requirements/#1_3_1)
[IBM 4.1.2 Name, Role, Value](https://www.ibm.com/able/requirements/requirements/#4_1_2)

### Who does this affect?

* Blind people using screen readers
* People with dexterity impairment using voice control

</Column>
</Row>
</div>

export default ({ children, _frontmatter }) => (<React.Fragment>{children}</React.Fragment>)
